<template>
    <div class="loader"></div>
  </template>
  
  <script>
  export default {
    name: 'LoadingAnimation',
  }
  </script>
  
  <style scoped>
  /* Loader styling */
  .loader {
    border: 6px solid #ffffff; 
    border-top: 6px solid #ffea00; 
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
  }
  
  /* Keyframes for the spinning animation */
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  </style>
  